<#-- 引入布局指令的命名空间 -->

<#import "../layout/grid-layout.ftl" as defaultLayout>

<#assign breadcrumb>
	<ul class="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <a href="#">后台管理</a>
        </li>
        <li class="active">样式管理</li>
    </ul>
</#assign>


<#assign css_own>
<link href="/resource/js/zTree/css/metroStyle/metroStyle.css" rel="stylesheet">
 <style type="text/css">
     .width-w-110 {
         width: 110px;
     }
 </style>
</#assign>
<#assign script_own>
    <script type="text/html" id="edit-template">
            <#include "template/edit.ftl" >
    </script>
    <script src="/resource/js/zTree/jquery.ztree.all.min.js"></script>
    <script src="/resource/script/web/style/s.index.js"></script>
</#assign>
<@defaultLayout.layout script=script_own css=css_own breadcrumb=breadcrumb>
<div class="row">
    <div class="col-xs-12">
        <div class="row">
            <div class="col-sm-12">
                <div id="sample-table-2_length">
                    <form class="form-horizontal" id="form-search">
                        <table class="table_gray" border="0" style="min-height:60px">
                            <tr>
                                <td class="width-w-110">栏目样式名称:</td>
                                <td class="width-20">
                                    <input type="text" class="form-control" name="rolesName"/>
                                </td>
                                <td>
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 10px;">
            <div class="col-sm-9">
                <input id="btn-search" type="button" class="btn  btn-sm btn-purple" value="查询"/>
                <input id="btn-add" type="button" class="btn  btn-sm btn-primary" value="添加"/>
            <#--<input id="btn-edit" type="button" class="btn  btn-sm btn-warning" value="修改"/>-->
                <input id="btn-del" type="button" class="btn   btn-sm btn-danger" value="删除"/>
            </div>
            <div class="col-sm-3">

            </div>
        </div>

        <!--grid begin-->
        <div class="table-responsive">
            <table id="grid" class="table table-striped table-hover table-bordered dataTable no-footer">
                <thead>
                <tr>
                    <th data-column-id="id" data-width="60" data-type="numeric" data-identifier="true"
                        data-visible="false">序号
                    </th>
                    <th data-column-id="rolesName" data-width="60">栏目样式名称</th>
                    <th data-column-id="menuName" data-width="200">栏目样式权限</th>
                    <th data-column-id="commands" data-width="60" data-formatter="commands">操作</th>
                </tr>
                </thead>
            </table>
        </div>
        <!--gird end-->
    </div>
</div>
</@defaultLayout.layout>



